<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache/no-store" />
	<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
	<link rel="stylesheet" type="text/css" href="../leftAndRight/list-style.css" />
	<style type="text/css">
		body {
			height: 100%;
		}

		.input-text {
			width: 150px;
		}

		.materialTypeFont {
			font-size: 20px;
			max-width: 20em;
		}

		.materialProcedure {
			display: flex;
		}

		.materialProcedure .pro-item {
			margin-right: 10px;
			font-size: 15px;
			max-width: 20em;
		}

		.materialProcedure .pro-item>div {
			border: 1px solid #dddddd;
			border-top: none;
		}

		.materialProcedure .pro-item>div:first-child {
			border-top: 1px solid #dddddd;
		}

		.materialProcedure .pro-item>div.has-same-process {
			border-top: 1px solid #dddddd;
		}

		.pro-item .item-title {
			font-size: 20px;
		}

		.procedureFont {
			font-size: 15px;
		}

		.pro-content {
			overflow: auto;
			height: calc(100% - 75px);
			position: relative;
		}

		.pro-content>* {
			position: absolute;
		}

		@media print {
			.pro-content {
				overflow: visible !important;
			}
		}
	</style>
	<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
	<title>配件工艺工序设置</title>
</head>

<body>
	<!--主内容-->
	<div class="page-container col-md-12" style="height:100%;padding-bottom:0;">
		<div class="text-l">
			<span>订单号：</span><input type="text" class="input-text" placeholder="生产订单号" id="orderId" list="detailList" />
			<datalist id="detailList"></datalist>
			<button id="queryBtn" class=" btn btn-primary radius title">查询</button>
			<button id="autoSchedulingBtn" class=" btn btn-primary radius hidden title">排期</button>
		</div>

		<div class="mt-20 pro-content">
			<canvas class="materialFlow"></canvas>
			<div class="materialProcedure" style="width:6000px;">

			</div>
		</div>
	</div>


	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
	<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
	<script type="text/javascript" src="../lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
	<script src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
	<!--/_footer 作为公共模版分离出去-->

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103828moment.js"></script> 
	<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
	<script type="text/javascript" src="../leftAndRight/jquery-ui.min.js"></script>
	<script type="text/javascript" src="../myJs/echartUtil.js"></script>
	<script type="text/javascript" src="../myJs/util.js"></script>
	<script type="text/javascript" src="js/orderProcedure.js"></script>

</body>

</html>